<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

    		<script type="text/javascript" src="calendarDateInput.js">
                /***********************************************
                * Jason's Date Input Calendar- By Jason Moon http://calendar.moonscript.com/dateinput.cfm
                * Script featured on and available at http://www.dynamicdrive.com
                * Keep this notice intact for use.
                ***********************************************/
            </script>

            <h2>Mon profil :</h2>
            <form name="form1">
            <table width="100%" cellpadding="1" border="0" summary="" id="OULD-AMER-2010" style="margin-top: 5px; margin-bottom: 5px;" class="transparent left">
                <colgroup>
                    <col width="200" span="1"/>
                    <col width="*" span="1"/>
                </colgroup>
                <tbody>

                    <tr>
                        <td>
                            Nom :
                        </td>
                        <td>
                            <input name="nom" id="nom" type="text" size="40" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Prenom :
                        </td>
                        <td>
                            <input name="prenom" id="prenom" type="text" size="40"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Date de naissance :
                        </td>
                        <td class="calendar">
                            <script>DateInput('birthday', true, 'DD-MON-YYYY')</script>
                        </td>
                    </tr>
                    <tr>
                        <td><br/><br/><br/></td>
                    </tr>
                    <tr>
                        <td valign="top">
                            Mot de passe :
                        </td>
                        <td>
                        	<br/>
                            <table class="transparent" align="left">
                                <tr><td width="150"><label>Ancien mot de passe  : </label></td><td width="200"><input name="ancienmdp" id="ancienmdp" type="password" size="30"/></td></tr>
                                <tr><td><label>Nouveau mot de passe : </label></td><td><input name="ancienmdp" id="ancienmdp" type="password" size="30"/></td></tr>
                                <tr><td><label>Retaper mot de passe : </label></td><td><input name="ancienmdp" id="ancienmdp" type="password" size="30"/></td></tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td><br/><br/><br/></td>
                    </tr>
                    <th colspan="2"><h2>Mon adresse :</h2></th>
                    <tr>
                        <td>
                            <label>N°</label><input type="text" size="5" name="numero" id="numero"/>
                        </td>
                        <td>
                            <input type="text" size="50" name="rue" id="rue">
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>Code Postal : </label><input type="text" size="10" name="codePostal" id="codePostal"/>
                        </td>
                        <td>
                            <label>Ville : </label><input type="text" size="50" name="ville" id="ville">
                        </td>
                    </tr>
                    <tr>
                        <td><br/><br/><br/></td>
                    </tr>
                    <th colspan="2"><h2>Mes coordonnées Web :</h2></th>
                    <tr>
                        <td>
                            Adresse mail :
                        </td>
                        <td>
                            <input name="mail" id="mail" type="text" size="50"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Site Web personel :
                        </td>
                        <td>
                            <input name="siteperso" id="siteperso" type="text" size="50"/>
                        </td>
                    </tr>
                    <tr>
                        <td><br/><br/><br/><br/></td>
                    </tr>
                    <th colspan="2"><h2>Mon employeur :</h2></th>
                    <tr>
                        <td>
                            Société :
                        </td>
                        <td>
                            <input name="societe" id="societe" type="text" size="50"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Site Web de la société :
                        </td>
                        <td>
                            <input name="sitepro" id="sitepro" type="text" size="50"/>

                        </td>
                    </tr>
                    <tr>
                        <td><br/><br/><br/><br/></td>
                    </tr>
                    <tr align="right">
                        <td>
                            <INPUT Value="Effacer"Type="RESET">
                        </td>
                        <td align="center">
                            <INPUT Value="Valider" Type="SUBMIT">
                        </td>
                    </tr>
                </tbody>
            </table>
            </form>

    